<!--
 * @Author: your name
 * @Date: 2021-03-09 16:25:04
 * @LastEditTime: 2021-03-19 20:44:06
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \道聚城\index.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>腾讯游戏道聚城-集道具聚欢乐</title>
    <link rel="icon" href="./images/icon.jpg">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./lib/swiper/swiper.min.css">
</head>

<body>
    <!-- 顶部 -->
    <div id="top">
        
    </div>
    <!-- 标题栏 -->
    <div id="header">
        <div class="container">
            <!-- logo -->
            <div class="logo"></div>
            <!-- 搜索 -->
            <div class="search">
                <p>选择游戏
                    <i class="iconfont icon-xia"></i>
                    <i class="iconfont icon-shang"></i>
                </p>
                <input type="search" placeholder="请选择游戏搜索道具">
                <p>
                    <i class="iconfont icon-41"></i>
                </p>
            </div>
            <!-- 二维码 -->
            <div>
                <p class="rw"></p>
                <p class="ewm"></p>
            </div>
            <!-- 二级菜单 -->
            <div class="two_menu">
                <dl>
                    <dt>角色扮演：</dt>
                    <dd>
                        <a href="##">上古世纪</a>
                        <i> |</i>
                        <a href="##">冒险岛2</a>
                        <i> |</i>
                        <a href="##">御龙在天经典版</a>
                        <i> |</i>
                        <a href="##">QQ幻想</a>
                        <i> |</i>
                        <br>
                        <a href="##">斗战神</a>
                        <i> |</i>
                        <a href="##">地下城与勇士</a>
                        <i> |</i>
                        <a href="##">轩辕</a>
                        <i> |</i>
                        <a href="##">天堂2</a>
                        <i> |</i>
                        <a href="##">仙侠传</a>
                        <i> |</i>
                        <br>
                        <a href="##">自由幻想</a>
                        <i> |</i>
                        <a href="##">天堂</a>
                        <i> |</i>
                        <a href="##">幻想世界</a>
                        <i> |</i>
                        <a href="##">QQ三国</a>
                        <i> |</i>
                        <a href="##">疾风之刃</a>
                        <i> |</i>
                        <a href="##">刀剑2</a>
                        <i> |</i>
                        <a href="##">剑灵</a>
                        <i> |</i>
                        <a href="##">御龙在天</a>
                        <i> |</i>
                        <a href="##">天涯明月刀</a>
                    </dd>
                </dl>
                <dl>
                    <dt>竞技游戏：</dt>
                    <dd>
                        <a href="##">NBA2KOL2</a>
                        <i> |</i>
                        <a href="##">极品飞车OL</a>
                        <i> |</i>
                        <a href="##">战争雷霆</a>
                        <i> |</i>
                        <a href="##">NBA2KOL</a>
                        <i> |</i>
                        <br>
                        <a href="##">CODOL使命召唤Online</a>
                        <i> |</i>
                        <a href="##">英雄联盟</a>
                        <i> |</i>
                        <a href="##">穿越火线</a>
                        <i> |</i>
                        <br>
                        <a href="##">枪神纪</a>
                        <i> |</i>
                        <a href="##">逆战</a>
                        <i> |</i>
                        <a href="##">FIFA OL3</a>
                        <i> |</i>
                        <a href="##">FIFA OL4</a>
                        <i> |</i>
                    </dd>
                </dl>
                <dl>
                    <dt>休闲游戏：</dt>
                    <dd>
                        <a href="##">炫舞时代</a>
                        <i> |</i>
                        <a href="##">QQ飞车</a>
                        <i> |</i>
                        <a href="##">QQ炫舞</a>
                        <i> |</i>
                    </dd>
                </dl>
                <dl>
                    <dt>网页游戏：</dt>
                    <dd>
                        <a href="##">捕鱼达人3D</a>
                        <i> |</i>
                        <a href="##">英魂之刃</a>
                        <i> |</i>
                        <a href="##">火影忍者Online</a>
                        <i> |</i>
                        <br>
                        <a href="##">部落守卫战（网页版）</a>
                        <i> |</i>
                        <a href="##">宠物大乱斗</a>
                        <i> |</i>
                        <a href="##">烽火战国</a>
                        <i> |</i>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
    <!-- 菜单 -->
    <div id="menu">
        <div class="container">
            <!-- 所有游戏分类 -->
            <div class="nav">
                <h4>
                    <i class="iconfont icon-fenlei-"></i> 所有游戏分类</h4>
            </div>
            <div class="menu_two">
                <ul>
                    <li>
                        <a href="##">首页</a>
                    </li>
                    <li class="two_s">
                        <a href="##">活动中心</a>
                    </li>
                    <li>
                        <a href="##">聚诚品
                            <i class="iconfont icon-new"></i>
                        </a>
                    </li>
                    <li>
                        <a href="##">手游中心</a>
                    </li>
                    <li>
                        <a href="##">聚豆商城</a>
                    </li>
                    <li>
                        <a href="##">个人中心</a>
                    </li>
                </ul>
                <!-- 二级菜单 -->
                <div class="two">
                    <span>闪购专区</span>
                    <span>淘宝贝</span>
                </div>
            </div>
            <!-- 购物车 -->
            <div class="shopcar">
                <p>
                    <i class="iconfont icon-gouwuche"></i>购物车</p>
                <p>0</p>
            </div>
            <!-- 购物车列表 -->
            <div></div>
        </div>
    </div>
    <!-- banner -->
    <div id="banner">
        <div class="container">
            <!-- 选项卡 -->
            <ul class="ban_one">
                <li>
                    <a href="##">
                        <i class="iconfont icon-icon-"></i>热门游戏</a>
                </li>
                <li>
                    <a href="##">
                        <i class="iconfont icon-role"></i>角色扮演</a>
                </li>
                <li>
                    <a href="##">
                        <i class="iconfont icon-zuqiu"></i>竞技游戏</a>
                </li>
                <li>
                    <a href="##">
                        <i class="iconfont icon-goujiaoyin"></i>休闲游戏</a>
                </li>
                <li>
                    <a href="##">
                        <i class="iconfont icon-wangye"></i>网页游戏</a>
                </li>
                <!-- 二级菜单 -->
                <div class="ban_s">
                    <div class="ban_s1">
                        <ul>
                            <li>
                                <a href="##">NBA2KOL2</a>
                            </li>
                            <li>
                                <a href="##">冒险岛2</a>
                            </li>
                            <li>
                                <a href="##">火影忍者Onli...</a>
                            </li>
                            <li>
                                <a href="##">NBA2KOL</a>
                            </li>
                            <li>
                                <a href="##">地下城与勇士</a>
                            </li>
                            <li>
                                <a href="##">CODOL使命...</a>
                            </li>
                            <li>
                                <a href="##">QQ三国</a>
                            </li>
                            <li>
                                <a href="##">英雄联盟</a>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="##">穿越火线</a>
                            </li>
                            <li>
                                <a href="##">剑灵</a>
                            </li>
                            <li>
                                <a href="##">御龙在天</a>
                            </li>
                            <li>
                                <a href="##">逆战</a>
                            </li>
                            <li>
                                <a href="##">FIFA OL3</a>
                            </li>
                            <li>
                                <a href="##">FIFA OL4</a>
                            </li>
                            <li>
                                <a href="##">QQ飞车</a>
                            </li>
                            <li>
                                <a href="##">天涯明月刀</a>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="##">QQ炫舞</a>
                            </li>
                        </ul>
                    </div>
                    <div class="ban_s2">
                        <ul>
                            <li>
                                <a href="##">上古世纪</a>
                            </li>
                            <li>
                                <a href="##">冒险岛2</a>
                            </li>
                            <li>
                                <a href="##">御龙在天经...</a>
                            </li>
                            <li>
                                <a href="##">QQ幻想</a>
                            </li>
                            <li>
                                <a href="##">斗战神</a>
                            </li>
                            <li>
                                <a href="##">地下城与勇士</a>
                            </li>
                            <li>
                                <a href="##">轩辕</a>
                            </li>
                            <li>
                                <a href="##">天堂2</a>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="##">仙侠传</a>
                            </li>
                            <li>
                                <a href="##">自由幻想</a>
                            </li>
                            <li>
                                <a href="##">天堂</a>
                            </li>
                            <li>
                                <a href="##">幻想世界</a>
                            </li>
                            <li>
                                <a href="##">QQ三国</a>
                            </li>
                            <li>
                                <a href="##">疾风之刃</a>
                            </li>
                            <li>
                                <a href="##">刀剑2</a>
                            </li>
                            <li>
                                <a href="##">剑灵</a>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="##">御龙在天</a>
                            </li>
                            <li>
                                <a href="##">天涯明月刀</a>
                            </li>
                        </ul>
                    </div>
                    <div class="ban_s3">
                        <ul>
                            <li>
                                <a href="##">NBA2KOL2</a>
                            </li>
                            <li>
                                <a href="##">极品飞车OL</a>
                            </li>
                            <li>
                                <a href="##">战争雷霆</a>
                            </li>
                            <li>
                                <a href="##">NBA2KOL</a>
                            </li>
                            <li>
                                <a href="##">CODOL使命...</a>
                            </li>
                            <li>
                                <a href="##">英雄联盟</a>
                            </li>
                            <li>
                                <a href="##">穿越火线</a>
                            </li>
                            <li>
                                <a href="##">枪神纪</a>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="##">逆战</a>
                            </li>
                            <li>
                                <a href="##">FIFA OL3</a>
                            </li>
                            <li>
                                <a href="##">FIFA OL4</a>
                            </li>
                        </ul>
                    </div>
                    <div class="ban_s4">
                        <ul>
                            <li>
                                <a href="##">炫舞时代</a>
                            </li>
                            <li>
                                <a href="##">QQ飞车</a>
                            </li>
                            <li>
                                <a href="##">QQ炫舞</a>
                            </li>
                        </ul>
                    </div>
                    <div class="ban_s5">
                        <ul>
                            <li>
                                <a href="##">捕鱼达人3D</a>
                            </li>
                            <li>
                                <a href="##">英魂之刃</a>
                            </li>
                            <li>
                                <a href="##">火影忍者Onli...</a>
                            </li>
                            <li>
                                <a href="##">部落守卫战(...</a>
                            </li>
                            <li>
                                <a href="##">宠物大乱斗</a>
                            </li>
                            <li>
                                <a href="##">烽火战国</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </ul>
            <!-- 轮播图 -->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="./images/baner01.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/baner02.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/baner03.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/baner04.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="./images/baner05.jpg" alt="">
                    </div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>

                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
            <!-- 信息 -->
            <div class="info">
                <div class="info_top">
                    <img src="./images/qq.gif" alt="">
                    <p>你还未登录哦，
                        <a href="./html/login.html">立即登录</a>购买超值商品！</p>
                </div>
                <div class="info_center">
                    <h5>推荐游戏</h5>
                    <p>
                        <img src="./images/cf.jpg" alt="">
                        <a href="##">穿越火线</a>
                    </p>
                    <p>
                        <img src="./images/lol.jpg" alt="">
                        <a href="##">英雄联盟</a>
                    </p>
                    <p>
                        <img src="./images/bns.jpg" alt="">
                        <a href="##">剑灵</a>
                    </p>
                </div>
                <div class="info_bottom">
                    <div>
                        <h5 class="fl">公告</h5>
                        <a href="##" class="fr">更多</a>
                    </div>
                    <p>
                        <a href="###" class="fl">道聚城新春红包天天领</a>
                        <span class="fr">02/08</span>
                    </p>
                    <p>
                        <a href="###" class="fl">英魂之刃聚豆商城内全部道具</a>
                        <span class="fr">09/02</span>
                    </p>
                    <p>
                        <a href="###" class="fl">逆战8周年！超值碎片礼包限</a>
                        <span class="fr">08/14</span>
                    </p>
                    <p>
                        <a href="###" class="fl">DNF日常及聚豆商城道具下架</a>
                        <span class="fr">07/30</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!-- 热卖推荐 -->
    <div id="hot">
        <div class="container">
            <h3 class="fl">
                <i class="iconfont icon-biao"></i> 热卖推荐</h3>
            <h3 class="fr">
                <i class="iconfont icon-liwu"></i> 每日惊喜</h3>
            <!-- 左边 -->
            <div class="hot_list fl">
                <ul>
                    <li class="fl">
                        <img src="./images/list01.jpg" alt="" class="fl">
                        <div class="fr">
                            <p>
                                <span>[英雄联盟]</span>小蜜蜂 克格莫 炫彩礼包</p>
                            <p>
                                <span>QB价：</span>
                                <span>185.21 QB</span>
                            </p>
                            <p>热卖推荐</p>
                            <a href="./html/item.html">立即抢购</a>
                        </div>
                    </li>
                    <li class="fl">
                        <img src="./images/list02.jpg" alt="" class="fl">
                        <div class="fr">
                            <p>
                                <span>[英雄联盟]</span>小蜜蜂 悠米 炫彩礼包</p>
                            <p>
                                <span>QB价：</span>
                                <span>197.71 QB</span>
                            </p>
                            <p>热卖推荐</p>
                            <a href="##">立即抢购</a>
                        </div>
                    </li>
                    <li class="fl">
                        <img src="./images/list03.jpg" alt="" class="fl">
                        <div class="fr">
                            <p>
                                <span>[英雄联盟]</span>小蜜蜂 玛尔扎哈 炫彩礼包</p>
                            <p>
                                <span>QB价：</span>
                                <span>190.21 QB</span>
                            </p>
                            <p>热卖推荐</p>
                            <a href="##">立即抢购</a>
                        </div>
                    </li>
                    <li class="fl">
                        <img src="./images/list04.jpg" alt="" class="fl">
                        <div class="fr">
                            <p>
                                <span>[英雄联盟]</span>小蜜蜂 克格莫</p>
                            <p>
                                <span>QB价：</span>
                                <span>79.00 QB</span>
                            </p>
                            <p>热卖推荐</p>
                            <a href="##">立即抢购</a>
                        </div>
                    </li>
                    <li class="fl">
                        <img src="./images/list05.jpg" alt="" class="fl">
                        <div class="fr">
                            <p>
                                <span>[英雄联盟]</span>小蜜蜂 悠米</p>
                            <p>
                                <span>QB价：</span>
                                <span>79.00 QB</span>
                            </p>
                            <p>热卖推荐</p>
                            <a href="##">立即抢购</a>
                        </div>
                    </li>
                    <li class="fl">
                        <img src="./images/list06.jpg" alt="" class="fl">
                        <div class="fr">
                            <p>
                                <span>[英雄联盟]</span>小蜜蜂 玛尔扎哈</p>
                            <p>
                                <span>QB价：</span>
                                <span>79.00 QB</span>
                            </p>
                            <p>热卖推荐</p>
                            <a href="##">立即抢购</a>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 右边 -->
            <div class="hot_jx fr">
                <img src="./images/jx.jpg" alt="">
                <div>
                    <h5 class="fl">[天涯明月刀]</h5>
                    <span class="fr"> 金色砭石兑换券*50</span>
                </div>
                <p>
                    <span>秒杀价：</span>
                    <span>60.00QB</span>
                </p>
                <p class="t_date">
                    <span>
                        <i>0</i> 天</span>
                    <span>
                        <i>0</i> 时</span>
                    <span>
                        <i>0</i> 分</span>
                    <span>
                        <i>0</i> 秒</span>
                </p>
                <a href="##">查看详情</a>
            </div>
        </div>
    </div>
    <!--  猜你喜欢 -->
    <div id="like">
        <div class="container">
            <h3 class="fl">
                <i class="iconfont icon-heart-fill"></i>猜你喜欢
                <a href="##" class="hyh">换一换 ></a>
            </h3>
            <h3 class="fr">
                <i class="iconfont icon-heart-fill"></i>每日签到
            </h3>
            <!-- 左边 -->
            <ul class="list_left">
                
            </ul>
            <!-- 右边 -->
            <div>
                <p>
                    <i class="iconfont icon-rili"></i>我要签到</p>
                <span>今日签到可获得5个聚豆</span>
                <span>下载手机道聚城最高可获得40聚豆</span>
                <!-- 右边隐藏二维码 -->
                <div class="ycewm">
                    <img src="./images/ewm2.png" alt="">
                    <span>扫码进入掌上道聚城签到</span>
                </div>
            </div>

        </div>
    </div>
    <!-- 精彩活动 -->
    <div id="doing">
        <div class="container">
            <h3 class="fl">
                <i class="iconfont icon-siyecao"></i>精彩活动
            </h3>
            <a href="##" class="fr">更多 ></a>
            <!-- 活动 -->
            <div class="to_do">
                <a href="##">
                    <img src="./images/hd01.jpg" alt="">
                </a>
                <a href="##">
                    <img src="./images/hd02.jpg" alt="">
                </a>
                <a href="##">
                    <img src="./images/hd03.jpg" alt="">
                </a>
                <a href="##">
                    <img src="./images/hd04.jpg" alt="">
                </a>
                <a href="##">
                    <img src="./images/hd05.jpg" alt="">
                </a>
                <a href="##">
                    <img src="./images/hd06.jpg" alt="">
                </a>
            </div>
        </div>
    </div>
    <!-- 英雄联盟专区 -->
    <div id="lol">
        <div class="container">
            <h3 class="fl">
                <i class="iconfont icon-icon-test1"></i>英雄联盟专区
            </h3>
            <a href="##" class="fr">更多 ></a>
            <!-- 列表 -->
            <div class="lol_left">
                <ul>
                    <li>
                        <a href="##">
                            <img src="./images/lol01.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <!-- 上面 -->
                        <a href="##">
                            <h4>小蜜蜂 克格莫 炫彩</h4>
                            <p>
                                <span>微信价：</span>
                                <span>179.65元</span>
                            </p>
                            <p>
                                Q币价：185.21 QB
                            </p>
                            <img src="./images/lol02.jpg" alt="">
                        </a>
                        <!-- 下面 -->
                        <div>
                            <img src="./images/lol06.jpg" alt="" class="fl">
                            <div class="fr">
                                <p>小蜜蜂 玛尔扎哈</p>
                                <p>
                                    <span>微信价:</span>
                                    <span>184.50元</span>
                                </p>
                                <p>
                                    <span>Q币价:</span>
                                    <span>190.21QB</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <!-- 上面 -->
                        <a href="##">
                            <h4>小蜜蜂 悠米 炫彩</h4>
                            <p>
                                <span>微信价：</span>
                                <span>191.77元</span>
                            </p>
                            <p>
                                Q币价：197.71 QB
                            </p>
                            <img src="./images/lol03.jpg" alt="">
                        </a>
                        <!-- 下面 -->
                        <div>
                            <img src="./images/lol07.jpg" alt="" class="fl">
                            <div class="fr">
                                <p>小蜜蜂 玛尔扎哈</p>
                                <p>
                                    <span>微信价:</span>
                                    <span>76.63元</span>
                                </p>
                                <p>
                                    <span>Q币价:</span>
                                    <span>79.00QB</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <!-- 上面 -->
                        <a href="##">
                            <h4>小蜜蜂 克格莫</h4>
                            <p>
                                <span>微信价：</span>
                                <span>76.63元</span>
                            </p>
                            <p>
                                Q币价：79.00 QB
                            </p>
                            <img src="./images/lol04.jpg" alt="">
                        </a>
                        <!-- 下面 -->
                        <div>
                            <img src="./images/lol08.jpg" alt="" class="fl">
                            <div class="fr">
                                <p>睡衣守护者 拉克丝</p>
                                <p>
                                    <span>微信价:</span>
                                    <span>76.63元</span>
                                </p>
                                <p>
                                    <span>Q币价:</span>
                                    <span>79.00QB</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <!-- 上面 -->
                        <a href="##">
                            <h4>小蜜蜂 悠米</h4>
                            <p>
                                <span>微信价：</span>
                                <span>76.63元</span>
                            </p>
                            <p>
                                Q币价：79.00 QB
                            </p>
                            <img src="./images/lol05.jpg" alt="">
                        </a>
                        <!-- 下面 -->
                        <div>
                            <img src="./images/lol09.jpg" alt="" class="fl">
                            <div class="fr">
                                <p>破败军团 卡尔玛</p>
                                <p>
                                    <span>微信价:</span>
                                    <span>166.54元</span>
                                </p>
                                <p>
                                    <span>Q币价:</span>
                                    <span>171.70QB</span>
                                </p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 排行 -->
            <div class="lol_right">
                <ul>
                    <li>
                        <p class="fl">排行01
                            <span></span>
                        </p>
                        <p class="fl">
                            <span>假面女皇 伊芙琳</span>
                            <span>23.00 QB</span>
                        </p>
                        <img src="./images/lol10.jpg" alt="" class="fr">
                    </li>
                    <li>
                        <p class="fl">02
                            <span></span>
                        </p>
                        <p class="fl">
                            <span>宗师级钓鱼训...</span>
                            <span>10.00 QB</span>
                        </p>
                        <img src="./images/lol11.jpg" alt="" class="fr">
                    </li>
                    <li>
                        <p class="fl">03
                            <span></span>
                        </p>
                        <p class="fl">
                            <span>灵魂守卫 乌迪尔</span>
                            <span>199.00 QB</span>
                        </p>
                        <img src="./images/lol12.jpg" alt="" class="fr">
                    </li>
                    <li>
                        <p class="fl">04
                            <span></span>
                        </p>
                        <p class="fl">
                            <span>西部牛仔 亚索</span>
                            <span>69.00 QB</span>
                        </p>
                        <img src="./images/lol13.jpg" alt="" class="fr">
                    </li>
                    <li>
                        <p class="fl">05
                            <span></span>
                        </p>
                        <p class="fl">
                            <span>光执事 伊泽瑞尔</span>
                            <span>49.00 QB</span>
                        </p>
                        <img src="./images/lol14.jpg" alt="" class="fr">
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 穿越火线专区 -->
    <div id="cf">
        <div class="container">
            <h3 class="fl">
                <i class="iconfont icon-icon-test2"></i>穿越火线专区
            </h3>
            <a href="##" class="fr">更多 ></a>
            <!-- 列表 -->
            <div class="cf_left">
                <ul>
                    <li>
                        <a href="##">
                            <img src="./images/cf01.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <!-- 上面 -->
                        <a href="##">
                            <h4>修改昵称</h4>
                            <p>
                                <span>微信价：</span>
                                <span>14.55元</span>
                            </p>
                            <p>
                                Q币价：15.00 QB
                            </p>
                            <img src="./images/cf02.jpg" alt="">
                        </a>
                        <!-- 下面 -->
                        <div>
                            <img src="./images/cf06.jpg" alt="" class="fl">
                            <div class="fr">
                                <p>清除中途退场记录</p>
                                <p>
                                    <span>微信价:</span>
                                    <span>4.85元</span>
                                </p>
                                <p>
                                    <span>Q币价:</span>
                                    <span>5.00QB</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <!-- 上面 -->
                        <a href="##">
                            <h4>手雷包（90天）</h4>
                            <p>
                                <span>微信价：</span>
                                <span>27.64元</span>
                            </p>
                            <p>
                                Q币价：28.50 QB
                            </p>
                            <img src="./images/cf03.jpg" alt="">
                        </a>
                        <!-- 下面 -->
                        <div>
                            <img src="./images/cf07.jpg" alt="" class="fl">
                            <div class="fr">
                                <p>赛事专用包</p>
                                <p>
                                    <span>微信价:</span>
                                    <span>67.90元</span>
                                </p>
                                <p>
                                    <span>Q币价:</span>
                                    <span>70.00QB</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <!-- 上面 -->
                        <a href="##">
                            <h4>C4工具钳（30天）</h4>
                            <p>
                                <span>微信价：</span>
                                <span>4.85元</span>
                            </p>
                            <p>
                                Q币价：5.00 QB
                            </p>
                            <img src="./images/cf04.jpg" alt="">
                        </a>
                        <!-- 下面 -->
                        <div>
                            <img src="./images/cf08.jpg" alt="" class="fl">
                            <div class="fr">
                                <p>6号背包</p>
                                <p>
                                    <span>微信价:</span>
                                    <span>85.36元</span>
                                </p>
                                <p>
                                    <span>Q币价:</span>
                                    <span>88.00QB</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <!-- 上面 -->
                        <a href="##">
                            <h4>沙鹰-天神（永久）</h4>
                            <p>
                                <span>微信价：</span>
                                <span>395.76元</span>
                            </p>
                            <p>
                                Q币价：408.00 QB
                            </p>
                            <img src="./images/cf05.jpg" alt="">
                        </a>
                        <!-- 下面 -->
                        <div>
                            <img src="./images/cf09.jpg" alt="" class="fl">
                            <div class="fr">
                                <p>英雄角色-葵（永</p>
                                <p>
                                    <span>微信价:</span>
                                    <span>395.76元</span>
                                </p>
                                <p>
                                    <span>Q币价:</span>
                                    <span>408.00QB</span>
                                </p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 排行 -->
            <div class="cf_right">
                <ul>
                    <li>
                        <p class="fl">排行01
                            <span></span>
                        </p>
                        <p class="fl">
                            <span>修改昵称</span>
                            <span>15.00 QB</span>
                        </p>
                        <img src="./images/cf10.jpg" alt="" class="fr">
                    </li>
                    <li>
                        <p class="fl">02
                            <span></span>
                        </p>
                        <p class="fl">
                            <span>DSR-1（30天）</span>
                            <span>45.00 QB</span>
                        </p>
                        <img src="./images/cf11.jpg" alt="" class="fr">
                    </li>
                    <li>
                        <p class="fl">03
                            <span></span>
                        </p>
                        <p class="fl">
                            <span>清除中途退场...</span>
                            <span>5.00 QB</span>
                        </p>
                        <img src="./images/cf12.jpg" alt="" class="fr">
                    </li>
                    <li>
                        <p class="fl">04
                            <span></span>
                        </p>
                        <p class="fl">
                            <span>清除战绩胜负...</span>
                            <span>10.00 QB</span>
                        </p>
                        <img src="./images/cf13.jpg" alt="" class="fr">
                    </li>
                    <li>
                        <p class="fl">05
                            <span></span>
                        </p>
                        <p class="fl">
                            <span>波塞冬（永久）</span>
                            <span>42.75 QB</span>
                        </p>
                        <img src="./images/cf14.jpg" alt="" class="fr">
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 剑灵专区 -->
    <div id="jl">
        <div class="container">
            <h3 class="fl">
                <i class="iconfont icon-icon-test3"></i>剑灵专区
            </h3>
            <a href="##" class="fr">更多 ></a>
            <!-- 列表 -->
            <div class="jl_left">
                <ul>
                    <li>
                        <a href="##">
                            <img src="./images/jl01.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <!-- 上面 -->
                        <a href="##">
                            <h4>暗夜之枪</h4>
                            <p>
                                <span>微信价：</span>
                                <span>202.61元</span>
                            </p>
                            <p>
                                Q币价：208.88 QB
                            </p>
                            <img src="./images/jl02.jpg" alt="">
                        </a>
                        <!-- 下面 -->
                        <div>
                            <img src="./images/jl06.jpg" alt="" class="fl">
                            <div class="fr">
                                <p>白帝</p>
                                <p>
                                    <span>微信价:</span>
                                    <span>183.21元</span>
                                </p>
                                <p>
                                    <span>Q币价:</span>
                                    <span>188.88QB</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <!-- 上面 -->
                        <a href="##">
                            <h4>真红幻影拳套（拳</h4>
                            <p>
                                <span>微信价：</span>
                                <span>139.56元</span>
                            </p>
                            <p>
                                Q币价：143.88 QB
                            </p>
                            <img src="./images/jl03.jpg" alt="">
                        </a>
                        <!-- 下面 -->
                        <div>
                            <img src="./images/jl07.jpg" alt="" class="fl">
                            <div class="fr">
                                <p>天乾守护石神物</p>
                                <p>
                                    <span>微信价:</span>
                                    <span>2.42元</span>
                                </p>
                                <p>
                                    <span>Q币价:</span>
                                    <span>2.50QB</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <!-- 上面 -->
                        <a href="##">
                            <h4>真红幻影剑（剑士）</h4>
                            <p>
                                <span>微信价：</span>
                                <span>139.56元</span>
                            </p>
                            <p>
                                Q币价：143.88 QB
                            </p>
                            <img src="./images/jl04.jpg" alt="">
                        </a>
                        <!-- 下面 -->
                        <div>
                            <img src="./images/jl08.jpg" alt="" class="fl">
                            <div class="fr">
                                <p>天乾宝玉神物</p>
                                <p>
                                    <span>微信价:</span>
                                    <span>1.94元</span>
                                </p>
                                <p>
                                    <span>Q币价:</span>
                                    <span>2.00QB</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <!-- 上面 -->
                        <a href="##">
                            <h4>泰云魂神物</h4>
                            <p>
                                <span>微信价：</span>
                                <span>2.42元</span>
                            </p>
                            <p>
                                Q币价：2.50 QB
                            </p>
                            <img src="./images/jl05.jpg" alt="">
                        </a>
                        <!-- 下面 -->
                        <div>
                            <img src="./images/jl09.jpg" alt="" class="fl">
                            <div class="fr">
                                <p>泰云武魂神物</p>
                                <p>
                                    <span>微信价:</span>
                                    <span>12.12元</span>
                                </p>
                                <p>
                                    <span>Q币价:</span>
                                    <span>12.50QB</span>
                                </p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 排行 -->
            <div class="jl_right">
                <ul>
                    <li>
                        <p class="fl">排行01
                            <span></span>
                        </p>
                        <p class="fl">
                            <span>茱莉亚的礼物...</span>
                            <span>98.88 QB</span>
                        </p>
                        <img src="./images/jl10.jpg" alt="" class="fr">
                    </li>
                    <li>
                        <p class="fl">02
                            <span></span>
                        </p>
                        <p class="fl">
                            <span>百年雪莲露(1个)</span>
                            <span>0.30 QB</span>
                        </p>
                        <img src="./images/jl11.jpg" alt="" class="fr">
                    </li>
                    <li>
                        <p class="fl">03
                            <span></span>
                        </p>
                        <p class="fl">
                            <span>凝神香(100...</span>
                            <span>4.60 QB</span>
                        </p>
                        <img src="./images/jl12.jpg" alt="" class="fr">
                    </li>
                    <li>
                        <p class="fl">04
                            <span></span>
                        </p>
                        <p class="fl">
                            <span>炽热白青封印...</span>
                            <span>12.00 QB</span>
                        </p>
                        <img src="./images/jl13.jpg" alt="" class="fr">
                    </li>
                    <li>
                        <p class="fl">05
                            <span></span>
                        </p>
                        <p class="fl">
                            <span>[周年庆]常胜...</span>
                            <span>20.00 QB</span>
                        </p>
                        <img src="./images/jl14.jpg" alt="" class="fr">
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 御龙在天专区 -->
    <div id="yl">
        <div class="container">
            <h3 class="fl">
                <i class="iconfont icon-4"></i>御龙在天专区
            </h3>
            <a href="##" class="fr">更多 ></a>
            <!-- 列表 -->
            <div class="yl_left">
                <ul>
                    <li>
                        <a href="##">
                            <img src="./images/yl01.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <!-- 上面 -->
                        <a href="##">
                            <h4>玫瑰花（15天）</h4>
                            <p>
                                <span>微信价：</span>
                                <span>0.97元</span>
                            </p>
                            <p>
                                Q币价：1.00 QB
                            </p>
                            <img src="./images/yl02.jpg" alt="">
                        </a>
                        <!-- 下面 -->
                        <div>
                            <img src="./images/yl06.jpg" alt="" class="fl">
                            <div class="fr">
                                <p>定魂珠（30天）</p>
                                <p>
                                    <span>微信价:</span>
                                    <span>4.85元</span>
                                </p>
                                <p>
                                    <span>Q币价:</span>
                                    <span>5.00QB</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <!-- 上面 -->
                        <a href="##">
                            <h4>帮派改名符</h4>
                            <p>
                                <span>微信价：</span>
                                <span>194.00元</span>
                            </p>
                            <p>
                                Q币价：200.00 QB
                            </p>
                            <img src="./images/yl03.jpg" alt="">
                        </a>
                        <!-- 下面 -->
                        <div>
                            <img src="./images/yl07.jpg" alt="" class="fl">
                            <div class="fr">
                                <p>七等星移符碎片</p>
                                <p>
                                    <span>微信价:</span>
                                    <span>157.14元</span>
                                </p>
                                <p>
                                    <span>Q币价:</span>
                                    <span>162.00QB</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <!-- 上面 -->
                        <a href="##">
                            <h4>家族改名符</h4>
                            <p>
                                <span>微信价：</span>
                                <span>194.00元</span>
                            </p>
                            <p>
                                Q币价：200.00 QB
                            </p>
                            <img src="./images/yl04.jpg" alt="">
                        </a>
                        <!-- 下面 -->
                        <div>
                            <img src="./images/yl08.jpg" alt="" class="fl">
                            <div class="fr">
                                <p>五等星移符碎片</p>
                                <p>
                                    <span>微信价:</span>
                                    <span>17.46元</span>
                                </p>
                                <p>
                                    <span>Q币价:</span>
                                    <span>18.00QB</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <!-- 上面 -->
                        <a href="##">
                            <h4>洛神之钥（7天）</h4>
                            <p>
                                <span>微信价：</span>
                                <span>1.93元</span>
                            </p>
                            <p>
                                Q币价：1.99 QB
                            </p>
                            <img src="./images/yl05.jpg" alt="">
                        </a>
                        <!-- 下面 -->
                        <div>
                            <img src="./images/yl09.jpg" alt="" class="fl">
                            <div class="fr">
                                <p>红宝石</p>
                                <p>
                                    <span>微信价:</span>
                                    <span>96.03元</span>
                                </p>
                                <p>
                                    <span>Q币价:</span>
                                    <span>99.00QB</span>
                                </p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 排行 -->
            <div class="yl_right">
                <ul>
                    <li>
                        <p class="fl">排行01
                            <span></span>
                        </p>
                        <p class="fl">
                            <span>至尊龙枭时装(...</span>
                            <span>15.00 QB</span>
                        </p>
                        <img src="./images/yl10.jpg" alt="" class="fr">
                    </li>
                    <li>
                        <p class="fl">02
                            <span></span>
                        </p>
                        <p class="fl">
                            <span>金锤</span>
                            <span>3.20 QB</span>
                        </p>
                        <img src="./images/yl11.jpg" alt="" class="fr">
                    </li>
                    <li>
                        <p class="fl">03
                            <span></span>
                        </p>
                        <p class="fl">
                            <span>红宝石</span>
                            <span>99.00 QB</span>
                        </p>
                        <img src="./images/yl12.jpg" alt="" class="fr">
                    </li>
                    <li>
                        <p class="fl">04
                            <span></span>
                        </p>
                        <p class="fl">
                            <span>灭世貂蝉时装</span>
                            <span>15.00 QB</span>
                        </p>
                        <img src="./images/yl13.jpg" alt="" class="fr">
                    </li>
                    <li>
                        <p class="fl">05
                            <span></span>
                        </p>
                        <p class="fl">
                            <span>飞行符（15天）</span>
                            <span>0.20 QB</span>
                        </p>
                        <img src="./images/yl14.jpg" alt="" class="fr">
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 广告 -->
    <div id="ad">
        <div class="container">
            <a href="##">
                <img src="./images/1-1.jpg" alt="">
            </a>
            <a href="##">
                <img src="./images/1-2.jpg" alt="">
            </a>
            <a href="##">
                <img src="./images/1-3.jpg" alt="">
            </a>
        </div>
    </div>
    <!--  页脚 -->
    <div id="footer">
        
    </div>
    <script type="text/html" id="xr">
        {{each data item}}
            {{if $index < 5}}
            <li>
                <img src="{{item.imagePath}}" alt="">
                <a href="##">
                    <h5>{{item.name}}</h5>
                    <p>{{item.effect}}</p>
                </a>
                <p>{{item.keywords}}</p>
            </li>
            {{/if}}
        {{/each}}
    </script>



    <script src="./lib/require/require.js" data-main ="./js/index"></script>
</body>

</html>
